// app/(commonLayout)/auth/layout.tsx - 登录注册页面布局
'use client'

import Image from 'next/image'
import Link from 'next/link'
import { ReactNode } from 'react'

interface AuthLayoutProps {
  children: ReactNode
}

export default function AuthLayout({ children }: AuthLayoutProps) {
  return (
    <div className="relative min-h-screen bg-gradient-to-b from-blue-50 to-white">
      {/* Logo和版权信息 - 大屏显示 */}
      <div className="hidden lg:block fixed top-8 left-8">
        <Link href="/" className="block">
          <Image
            src="/logo-banner.png"
            alt="Logo"
            width={1372}
            height={815}
            priority
            className="h-38 w-auto"
          />
        </Link>
      </div>
      <div className="hidden lg:block fixed bottom-8 left-8 text-sm text-gray-500">
        © {new Date().getFullYear()} ZKDTech, Inc. All rights reserved.
      </div>

      {/* 主要内容区域 - 居中显示 */}
      <div className="flex min-h-screen items-center justify-center p-4">
        {children}
      </div>
    </div>
  )
} 